a {
  color:#0033ff;
  text-decoration:none;
}

a.current {
  color:#999999;
}

a:hover {
  text-decoration: underline;
}

body {
  font-family: verdana, tahoma, helvetica, arial, sans-serif;
  font-size: 10px;
  background-color:#FFFFFF;
  margin: 0em;
}

ul {
  font-size:100%;
  color:#666666;
  list-style: none;
}

h1 {
  color:#999999;
  font-weight:bold;
  padding-left: 0.5em;
  padding-top: 0.2em;
}

h2 {
  color:#FF9933;
  font-size:70%;
  font-weight:bold;
  border-bottom-style:solid; border-bottom-width:1px; border-bottom-color:#E5E5E5;
}

h3 {
  color:#FF9933;
  font-size:70%;
  font-weight:bold;
}

h3 a{
  color:#FF9933;
}

p {
  text-align:justify;
  color:#777777;
  font-size: 100%;
  line-height: 1.5em;
}

.orange {
  color: #FF9933;
}

.blue {
  color: #003366;
}

.green {
  color: #DFFFBE;
}

.gray {
  font-weight:normal;
  font-size:70%;
  color: #F0F0F0;
}

.blueback{  
  background-color: #99ccff;
}

.whitesmokeback{
  background-color: whitesmoke;
}

.whiteback{
  background-color: #ccccff;
}

.blueBorder{

  border-top-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-right-style: solid;
  border-top-width: 2px;
  border-bottom-width: 2px;
  border-left-width: 2px;
  border-right-width: 2px;
  border-top-color: #003399;
  border-bottom-color: #003399;
  border-left-color: #003399;
  border-right-color: #003399;
  background-color: #ffffcc;
}
/* ----- Main Container -----  */
div.mainContainer{
  width:100%;
  position:relative;
}

/* ---- Body Container ------*/

div.bodyContainer{
  width:96%;
  position: relative;
  top:2%;
  left:2%;
}

div.mainContent{
  width: 65%;
  border-style:solid;
  border-width:1px;
  border-color:#F0F0F0;
  position: absolute;
  height: 450px;
  

}

div.status{
  width:250px;
  position: absolute;
  top: 0px;
  left: 45%;
  border-top-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-right-style: solid;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px;
  background-color: #ffcc00;
  border-top-color: #660000;
  border-bottom-color: #660000;
  border-left-color: #660000;
  border-right-color: #660000;
  font-weight: bold;
  font-size: 12px;
  height:20px;
  text-align: center;
}

/*----Result Grid Parts*/

div.result{
  width: 98%;
  border-style:solid;
  border-width:1px;
  border-color:#FFF3CE;
  position: absolute;
  top: 210px;
  height:230px;
  left:1%;
}

div.resultGrid{
  width: 98%;
  position: relative;
  height:50px;
  top:25px;
  overflow:scroll;
  height:205px;
}

div.resultGridHeader{
  width: 93%;
  position: absolute;
  height:25px;
}

.resultTable th{
  background-color: #ffcc66;
  height: 10px;
  color: #990000;
  font-size: 12px;
}
.resultTable tr{
  height: 20px;
}

/*----Result Grid Parts END-----*/

div.rightContainer{
  width: 350px;
  border-style:solid;
  border-width:0px;
  border-color:#FFF3CE;
  position: absolute;
  left: 68%;
  height:450px;
}

div.mapContainer{
  width: 65%;
  border-style:solid;
  border-width:1px;
  border-color:#F0F0F0;
  position: absolute;
  height: 400px;
  background-color: #f0f3f9;
  
}

div.mapLayer{
  width: 25%;
  height:100px;
  top:150px;
  left:20%;
  border-style:solid;
  border-width:1px;
  border-color:#F0F0F0;
  position: absolute;
  background-color: #f0f3f9;
  text-align: center;
  border-top-style: dashed;
  border-bottom-style: dashed;
  border-left-style: dashed;
  border-right-style: dashed;
  border-top-width: 3px;
  border-bottom-width: 3px;
  border-left-width: 3px;
  border-right-width: 3px;
  border-top-color: #6666ff;
  border-bottom-color: #6666ff;
  border-left-color: #6666ff;
  border-right-color: #6666ff;
  font-size: 18px;
  color: #999999;
  padding-top: 40px;
  z-index: 10;
  display:none;
}

div.propertySearch{
  width:98%;
  height:200px;
  border-style:solid;
  border-width:1px;
  border-color:#F0F0F0;
  position: absolute;
  left:1%;
}

/* ----- Superior Bar -----  */
div.supBar {
  vertical-align: middle;
}

div.search {
  width: 20em;
  float: right;
  clear: right;
  color:#003366;
  font-size: 100%;
  margin: 1.5em 1em 0em 1em;
  text-align: right;
}

div.markerDetail{
  
  width: 300px;
  height: 200px;
}

.searchbox {
  color:#666666;
  background-color:#F8F8F8;
  border-style:solid; border-width:1px; border-color:#F0F0F0;
}

/* ----- Menu -----*/
div.menu {
  width: auto;
  vertical-align: middle;
  font-size:80%;
  background-color:#003366;
  padding: 1em 1em 1em 1em;
  border-style:solid; border-width:1px; border-color:#E5E5E5;
  text-align: right;
  color:#FFFFFF;
}

div.menu a{
  color:#FFFFFF;
}

/* ----- right Info - News -----*/

div.newsContainer{
  float: left;
  clear: left;
  width: 12em;
  margin: 0.5em 0.5em 0em 0.5em;
}

div.news1{
  width: 12em;
  background-color:#F8F8F8;
  border-style:solid; border-width:1px; border-color:#F0F0F0;
  margin-bottom: 0.5em;
  padding: 0.5em 0.5em 0.5em 0.5em;
}

div.news2{
  width: 12em;
  background-color:#DFFFBE;
  border-style:solid; border-width:1px; border-color:#F0F0F0;
  margin-bottom: 0.5em;
  padding: 0.5em 0.5em 0.5em 0.5em;
}

/* ----- main Container ----- */

div.rightInfo{
  width: 500px;
  background-color:#FFFFFF;
  border-style:solid;
  border-width:1px;
  border-color:#FFF3CE;
  position: absolute;
  left: 600px;

}

div.rightInfo h2{
  color:#FFFFFF;
  background-color:#FF9933;
  border-style:solid;
  border-width:1px;
  border-color:#FF9933;
}

div.mainInfo{
  width: 550px;
  border-style:solid;
  border-width:1px;
  border-color:#F0F0F0;
  margin: 0.5em 14.5em 0.5em 0.5em;
  padding: 0.5em 0.5em 0.5em 0.5em;
  position: absolute;
  top: 110px;
  height: 400px;
}

div.mainInfo h3 a{
  color:#003366;
}

div.bottom {
  width: 900px;
  border-style:solid; border-width:1px; border-color:#F0F0F0;
  margin: 0.5em 14.5em 0.5em 0.5em;
  padding: 0.5em 0.5em 0.5em 0.5em;
}

div.image {
  float:left;
  width: 80px;
  height: 80px;
  margin-right:0.5em;
  margin-bottom:0.5em;
  background-color:#F0F0F0;
  border-style:dotted; border-width:1px; border-color:#F0F0F0;
}

div.image h3{
  color:#CCCCCC;
}

/* ----- sub Compainer ----- */
div.subContainer{
  clear:both;
  width:98%;
  left: 1%;
  font-size:100%;
  background-color:#F8F8F8;
  border-style:solid; border-width:1px; border-color:#E5E5E5;
  padding: 1em 0.5em 1em 0.5em;
  position: absolute;
  top:530px;
}

div.copyright {
  color: #999999;
  text-align:right;
  margin-left:20em;
  margin-right:0.5em;
  font-size:80%;
}

div.copyright a{
  color:#999999;
}

div.subLinks{
  float:left;
  clear:left;
  color:#777777;
  margin-left:2em;
}

div.subLinks a{
  color:#777777;
}

div.searchBoxHeader{
  height:20px;
  width:98%;
  background-color: #cbe1f6;
  font-size: 12px;
  font-weight: bold;
  color: #000066;
  padding-top: 5px;
  padding-left: 5px;
  margin-top: 2px;
  margin-left:2px;
}

div.boxHeader{
  height:20px;
  width:98%;
  background-color: #cbe1f6;
  font-size: 12px;
  font-weight: bold;
  color: #000066;
  padding-top: 5px;
  padding-left: 5px;
  margin-top: 2px;
  margin-left:2px;
}